<script setup lang="ts">
    import Main from '@/views/Main/index.vue';
    import CommentRelease from '@/components/CommentBox/Release/index.vue';
    import CommentList from '@/components/CommentBox/List/index.vue';
    import RecommendTab from '@/views/Sidebar/components/Recommend/index.vue';
    import LastCommentTab from '@/views/Sidebar/components/LastComment/index.vue';

    import { CommentWayEnum } from '@/enums';
</script>
<template>
    <Main>
        <template #navigation>
            <div class="leave_position">
                <svg-icon href='#icon-position' width="13px" height="13px"></svg-icon>
                &nbsp;您现在的位置是：
                <router-link style="color: black;font-size: 14px;" to="/">
                    首页
                </router-link>
                <label>&nbsp;>&nbsp;</label>
                <router-link style="color: black;font-size: 14px;" to="/news">
                    关于我
                </router-link>
            </div>
        </template>
        <template #leftColumn>
            <section class="sideTab">
                <div class="sideTab-title">
                    关于我
                </div>
                <div class="gyw_intro">
                    <h3 style="font-weight: bold;">我的信息 | Information：</h3>
                    <div class="bz_about">
                        <span>昵称：回忆里依稀</span><br/>
                        <span>性别：男</span><br/>
                        <span>QQ：1279399209</span><br/>
                        <span>现居：湖南省 - 长沙市</span><br/>
                        <span>职业：Java后端开发工程师</span><br/>
                    </div>
                    <h3 style="font-weight: bold;">个人简介 | Resume：</h3>
                    <div class="bz_about">
                        <span>
                            本人乃90后的精神小伙一枚，从事的工作是java后端开发。
                        </span>
                        <br>
                        <span>
                            在生活中，除了工作外，妥妥的宅男一个，平时喜欢听听歌、看看电视、玩玩游戏。
                        </span>
                        <br>
                        <span>
                            希望能通过自己做的这个博客网站认识很多志同道合的朋友。
                        </span>
                    </div>
                    <h3 style="font-weight: bold;">个人理想 | Dream：</h3>
                    <div class="bz_about">
                        <span>平平淡淡，希望身边的人都很好。</span>
                    </div>
                </div>
            </section>
            <section class="sideTab">
                <div class="sideTab-title">
                    关于本站
                </div>
                <div class="gyw_intro">
                    <h3 style="font-weight: bold;">搭建本站目的 | Purpose：</h3>
                    <div class="bz_about">
                        <span>
                            <label style="font-weight: bold">1.</label>这个博客网站无论前端、后端都由本人开发完成。初衷是为了自己从事程序员这个职位以来，对所有用到技术的再一次学习和积累。
                        </span>
                        <br>
                        <span>
                            <label style="font-weight: bold">2.</label>在生活或工作中，难免会遇到很多各种各样的问题，可能我碰到了一个问题，我解决掉了，可后面又出现了相似的问题时，又开始手忙脚乱。
                            所以为了避免以后遇到类似的问题，不知道怎么解决时，能有一个可以寻求解决问题的地方。
                        </span>
                        <br>
                        <span>
                            <label style="font-weight: bold">3.</label>除了记录生活或工作中出现的问题外。我还会分享发布一些我的生活日常，以及转载一些我喜欢的文章，希望能够结识到许多志同道合的朋友。
                        </span>
                    </div>
                    <h3 style="font-weight: bold;">关于本站版权 | Copyright：</h3>
                    <div class="bz_about">
                        <span>
                            <label style="font-weight: bold">1.</label>本站为个人博客网站，本站所有的文章，个人可使用，但未经许可不得用于任何商业目的！
                        </span>
                        <br>
                        <span>
                            <label style="font-weight: bold">2.</label>若无特别说明的文章，版权归本人所有，转载时请务必注明来源、链接。
                        </span>
                        <br>
                        <span>
                            <label style="font-weight: bold">3.</label>本站尊重和保护原创，强烈抵制一切侵权行为，保留一切合法权利。若不慎侵犯了您的权益，请发送邮件到1279399209@qq.com，我会第一时间及时删除所有相关内容。
                        </span>
                    </div>
                </div>
            </section>
            <!-- 评论发布 -->
            <comment-release title="发表评论" :type="CommentWayEnum.ABOUTME" withHeader></comment-release>
            <!-- 评论列表 -->
            <comment-list :type="CommentWayEnum.ABOUTME"></comment-list>
        </template>
        <template #rightColumn>
            <!-- 站长推荐 -->
            <recommend-tab />
            <!-- 最新评论 -->
            <last-comment-tab />
        </template>
    </Main>
</template>
<!-- 引入样式文件 -->
<style lang="less" src="./style.less" scoped />